<!--
这是一个用于生成包含简历信息的HTML表格的模板。
该模板会生成两个表格，一个显示所有简历信息，另一个显示面试中的简历信息。每个表格都有编号、岗位和录取状态三列。
-->

{% extends 'base.html' %}
{% block content %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Leaderboard</title>
    <style>
        .table-wrapper {
            text-align: center; /* 使得表格居中 */
        }

        table {
            width: 50%;
            margin: auto;  /* 使得表格在包裹元素中居中 */
            border-collapse: collapse;
        }

        table, th, td {
            border: 1px solid black;
        }

        th, td {
            padding: 10px;
            text-align: center;  /* 默认左对齐，但表头将覆盖这个设置 */
        }

        th {
            text-align: center;  /* 表头居中 */
        }

        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>

    <div class="table-wrapper">
        <table>
            <tr> <th colspan="3">我的简历</th> </tr>

            <tr>
                <th>编号</th>
                <th>岗位</th>
                <th>录取状态</th>
            </tr>
            {% for resume in resume_list %} <!-- 注意这里应该是 ranked_user 而不是 ranked_users -->
                <tr>
                    <td><a href="/resume/{{ resume.id }}/">{{ resume.id }}</a> </td>
                    <td>{{ resume.apply_position }}</td>
                    <td>等待面试</td>
                </tr>
            {% endfor %}
        </table>
     <table>
            <tr> <th colspan="3">面试中</th> </tr>

            <tr>
                <th>编号</th>
                <th>岗位</th>
                <th>录取状态</th>
            </tr>
            {% for resume in resume_list2 %} <!-- 注意这里应该是 ranked_user 而不是 ranked_users -->
                <tr>
                    <td><a href="/resume/{{ resume.id }}/">{{ resume.id }}</a> </td>
                    <td>{{ resume.apply_position }}</td>
                    <td>{{ resume.hr_result }}</td>
                </tr>
            {% endfor %}
        </table>
    </div>
</body>
</html>
{% endblock %}